.page
  width 900px
  margin 20px auto
  background-color #fff
  box-shadow 0 0 6px rgba(0,0,0,.1)
  padding 30px
.page-l
  width 1040px
  padding 40px 80px 20px
  
.field-box
  margin-bottom 20px
  >label
    margin-bottom 8px
    display block
    aside
      display inline-block
      margin-left 10px
      margin-top 0
  aside 
    font-size 12px
    color #c5cfda
    margin-top -10px
    
.field-group
  >* 
    display inline-block
  [data-role="fieldArea"]
    width 280px
    height 32px
  p
    margin 4px 0 0
    vertical-align top
    width 50px
    text-align center
    
.field-info
  margin-bottom 15px
  border-radius 3px
  padding 10px 20px
  border 1px solid #d6f1fd
  background-color #e9f8ff
  color #777
  width 610px
.question-item
  margin-bottom 8px
  >*
    display inline-block
    vertical-align top
    margin-right 10px
.question-del
  padding 4px
  cursor pointer
.question-content
  color #869fbc
.question-btn
  [data-role="fieldArea"]
    width 300px
  [data-role="button"]
    margin-top 1px
  >*
    display inline-block
    vertical-align top

.question-sub
  margin-top 30px
  
.admin-report
  margin-top 0
  box-shadow none
  position relative
  z-index 1
  width 1100px
  &:before
    content ''
    width 10000px
    height 100%
    position absolute
    top 0 
    left 50%
    margin-left -5000px
    background-color #fff
    box-shadow 0 0 6px rgba(0,0,0,.1)
    z-index -1
  .admin-title
    font-size 30px
.admin-item
  padding-bottom 0
  padding-top 20px
  padding-bottom 12px
  position relative
.admin-title
  font-size 20px
  color #555
  margin-bottom 4px
  position relative
  >div
    display inline-block
.admin-tag1,.admin-tag2,.admin-tag3,.admin-tag4
  font-size 12px
  color #fff
  padding 0 8px
  line-height 22px
  vertical-align middle
  background-color #47a9fb
  margin-left 15px
.admin-tag3
  background-color #7ed48c
.admin-tag4
  background-color #ccc
.admin-info 
  font-size 12px
  color #8b919c
  span
    margin-right 14px
.admin-h2
  color #3e90dd
  margin-bottom 10px
  margin-top 18px
.admin-btn-area
  >*
    display inline-block
    margin-bottom 8px
  text-align right
  width 100px
  position absolute
  top 20px 
  right 30px
  .cancel-btn
    background-color #fff
    color #999
    border 1px solid #f0f0f0


.admin-line
  border-bottom 8px solid #f3f5f9
  padding-right 70px
  margin-bottom 10px
  height 56px
  margin-top 10px
.admin-line-layout
  position relative
  height 100%
  white-space nowrap
.admin-line-item
  width 33%
  display inline-block
  height 100%
  color #bbbbbb
  position relative
  &.active
    &:before
      background-color #daebfa
  &.current
    color #333
  &:before
    content ''
    height 8px
    width 2px
    background-color #f3f5f9
    position absolute
    bottom 0
    left 0
  aside
    font-size 12px
.admin-line-time
  position absolute
  height 8px
  bottom -8px
  left 0
  background-color #8ccbff
  z-index 3
  &:after
    content ''
    height 16px
    width 5px
    right 0
    top -4px
    position absolute
    background-color #8ccbff
.report-info-item
  width 120px
  display inline-block
  text-align center
  margin-right 54px
  h2
    font-weight 100
    font-size 20px
  p
    font-size 12px
    color #999
.report-chart-area
  margin-left -42px
  >div 
    display inline-block
.report-chart
  width 33%
  height 300px
  text-align right

 
.table
  display table
  width 100%
.tr
  display table-row
.th,.td
  display table-cell
.td 
  height 60px
  vertical-align middle
  border-bottom 1px solid #f3f5f9
.td-name
  vertical-align text-bottom
  display inline-block
  line-height 30px
  color #4583cb
.select-item
  background-color #ebf2fa
  color #8aa4c0
  

.admin-home
  width 100%
  padding-top 10px
  margin 0
  box-shadow none
  border-bottom 1px solid #eee
  [data-role="button"]
    border-radius 30px
    


.delete-area[data-role="dialog-body"]
  word-break normal !important
  width 450px
  padding 20px 30px
  p
    line-height 1.7
    span
      color #EE5367
  input
    width 100%
    line-height 30px
    border-radius 3px
    border 1px solid #ddd
    margin-top 15px
    padding 0 10px
.delete-msg
  height 15px
  line-height 15px
  color red
  font-size 12px
  margin-top 5px
  
.admin-back
  width 16px
  height 16px
  border-style solid
  border-width 0 0 2px 2px
  border-color transparent transparent #333 #333
  position absolute
  left -30px
  top 50%
  margin-top -8px
  transform rotate(45deg)
  cursor pointer
  